<template>
  <div id="app">
    <el-container class="page-container">
      <el-header>Header</el-header>
      <el-container>
        <el-aside width="200px">
          <vMenu></vMenu>

        </el-aside>
        <el-main>
          <!-- <router-view>

          </router-view> -->
          <div id="sub-app-1"></div>
          <div id="sub-app-2"></div>
          <div id="sub-app-3"></div>
          <div id="sub-app-4"></div>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
// import HelloWorld from './components/HelloWorld.vue'
import vMenu  from './components/v-menu.vue'
export default {
  name: 'App',
  components: {
    vMenu
  },
  mounted() {
    window.app2 = 'main-vue'
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  /* margin-top: 60px; */
  height: 100%;
}
.page-container{
  height: 100%;

}
.p-text{
  font-size: 30px;
}
</style>
